<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>查找子节点</title>
</head>
<body>
<h3>子节点查找：</h3>
<p>
    childNodes <br>
    获得所有子节点、包括文本节点（空格、换行）、注释节点等 <br>
</p>
<p>
    children 属性 （重点） <br>
    仅获得所有元素节点(标签) <br>
    返回的还是一个伪数组
</p>
<p>
    父元素.children
</p>
<hr>

<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
</ul>

<script>
    // 获取DOM元素
    const ul = document.querySelector('ul')
    // children 查询子节点
    console.log(ul.children) // 得到伪数组, 是 ul的子级li (最近的一级)

</script>

</body>
</html>